html,body{
	height: 100%;
	background-color:#665E5C;
	overflow:hidden;overflow-y:auto;
}
.index_heard{
	width: 100%;
	height: 38%;
}
.index_heard .heard_lunbo{
	width: 100%;
	height: 100%;
}
.index_heard .heard_lunbo{
	width: 100%;
	height: 100%;
}
.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.index_mid{
	width: 100%;
	height: 13%;
}
.index_mid_left{
	width: 50%;
	height: 100%;
	float: left;
	background-color: #10131A;
}
.index_mid_right{
	width: 50%;
	height: 100%;
	float: left;
    background-color: #27283A;
}
.index_mid_left .mid_left_left{
	width: 25%;
	float: left;
	padding-top: 13%;
	text-align: right;
}
.index_mid_left .mid_left_left img{
	width: 70%;
}
.index_mid_left .mid_left_right{
	width: 75%;
	float: left;
	text-align: left;
	padding-left: 5%;
	padding-top: 12%;
}
.index_mid_left .mid_left_right .mid_left_right_up{
	width: 90%;
	border:solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C1C2C4;	
}
.index_mid_left .mid_left_right .mid_left_right_up .a{
	font-size: 1.5rem;
	color:#B28100;
}
.index_mid_left .mid_left_right .mid_left_right_up .b{
	font-size: 0.7rem;
	margin-left: 5%;
	color: #C1C2C4;	
}
.index_mid_left .mid_left_right .mid_left_right_down{
	color: #F13533;
	margin-top: -10px;
	font-size: 1.2rem;
}

.index_mid_right .mid_right_left{
	width: 25%;
	float: left;
	padding-top: 11%;
	text-align: right;
}
.index_mid_right .mid_right_left img{
	width: 70%;
}
.index_mid_right .mid_right_right{
	width: 75%;
	float: left;
	text-align: left;
	padding-left: 5%;
	padding-top: 12%;
}
.index_mid_right .mid_right_right .mid_right_right_up{
	width: 90%;
	border:solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C1C2C4;	
}
.index_mid_right .mid_right_right .mid_right_right_up .a{
	font-size: 1.5rem;
	color:#A10c0e;
}
.index_mid_right .mid_right_right .mid_right_right_up .b{
	font-size: 0.7rem;
	margin-left: 5%;
	color: #C1C2C4;	
}
.index_mid_right .mid_right_right .mid_right_right_down{
	color: #F13533;
	margin-top: -10px;
	font-size: 1.2rem;
}
.mid_list{
	width: 100%;
	height: 13%;
	margin-top: 2%;
	background-color: #27283A;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
.mid_list .mid_list_one{
	width: 25%;
	text-align: center;
	float: left;
	color: #B7BABF;
	font-size: 1.3rem;
	padding-top: 4%;
}
.mid_list .mid_list_one img{
	width: 30%;
	margin-bottom: 8%;
}
.notice{
	width: 100%;
	height: 4%;
	background-color: #10131A;
} 
.notice .notice_logo{
	float: left;
	width: 10%;
	text-align: center;
}
.notice .notice_logo img{
	width: 40%;
}
.notice .notice_p{
	float: left;
	width: 90%;
	font-size: 1.2rem;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 0.5%;
}
.notice .notice_p p{
	color: #B7B8BD;
}
.news{
	width: 100%;
	background-color: #242633;
	color: #E6EBE5;
	font-size: 1.4rem;
	padding-bottom: 20%;
}
.news .news_top{
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
	padding-top: 2%;
	padding-bottom: 2%;
	border:solid;
	border-width: 0px 0px 0.5px 0px;
	border-color: #645E5E;	
} 
.news .news_top_left{
	width: 50%;
	float: left;
}
.news .news_top_right{
	width: 50%;
	float: left;
	text-align: right;
	color: #686B72;
}
.news .news_top_right img{
	width: 15%;
}
.news_list{
	width: 100%;
}
.news_list .news_list_one{
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
	padding-top: 2%;
	padding-bottom: 2%;
	border:solid;
	border-width: 0px 0px 0.5px 0px;
	border-color: #645E5E;
}
.news_list .news_list_one p{
	color: #E5E9EC;
}

.footer{
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding-top: 2%;
	position:fixed;
    bottom:0;
}
.footer img{
	width: 40%;
	height: 40%;
}
.footer a{
	color: #777777;
}

